<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>开元酒店官方网站</title>
  <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=Kf9l74ujZL7tSpSG9K0XwrAXwi8zhgXq"></script>
  <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>
  <script src="https://cdn.bootcss.com/layer/2.3/layer.js"></script>
  <link rel="stylesheet" href="//apps.bdimg.com/libs/jqueryui/1.10.4/css/jquery-ui.min.css">
</head>

<body>
  <div class="search">
    <div class="p-head"></div>
    <div class="p-content">
      <!-- 搜索栏 -->
      <form class="save-form">
        <div class="search-bg">
          <div class="search-wrap">
            <input type="text" name="city" placeholder="请选择城市" class="cities" value="杭州市">
            <!--
            --><input type="text" name="from-date" placeholder="请选择入住日期" autocomplete="off" id="from-date">
            <!--
            --><input type="text" name="to-date" placeholder="请输入结房日期" id="to-date">
            <!--
            --><input type="text" name="keyword" autocomplete="off" placeholder="输入关键字" class="keyword">
            <!--
            --><a href="javascript:" class="to-save">搜索</a>
            <span class="iconfont icon-sousuo"></span>
            <span class="iconfont icon-sousuo"></span>
            <span class="iconfont icon-content_reco"></span>
            <span class="iconfont icon-content_reco"></span>
            <div class="city-menu">
              <div>热门城市</div>
            </div>
          </div>
        </div>
      </form>
      <!-- 历史导航栏 -->
      <div style="margin: 0;margin: 0 auto;" class="history-nav">
        <a href="/">首页</a>
        >
        <a href="javascript:">杭州市</a>
      </div>
      <!-- 选择栏 -->
      <form class="my-form am-form" data-am-validator>
        <table class="hotel-select">
          <tbody>
            <tr class="com-dis"></tr>
            <tr class="district"></tr>
            <tr class="brand-sel"></tr>
            <tr class="facilities">
              <td>设施</td>
              <td>
                <label class="am-checkbox am-warning">
                  <input type="checkbox" name="facilities" value="wifi" data-am-ucheck> wifi
                </label>
                <label class="am-checkbox am-warning">
                  <input type="checkbox" name="facilities" value="停车场" data-am-ucheck> 停车场
                </label>
                <label class="am-checkbox am-warning">
                  <input type="checkbox" name="facilities" value="游泳池" data-am-ucheck> 游泳池
                </label>
                <label class="am-checkbox am-warning">
                  <input type="checkbox" name="facilities" value="热水" data-am-ucheck> 热水
                </label>
                <label class="am-checkbox am-warning">
                  <input type="checkbox" name="facilities" value="儿童乐园" data-am-ucheck> 儿童乐园
                </label>
                <label class="am-checkbox am-warning">
                  <input type="checkbox" name="facilities" value="自行车租赁" data-am-ucheck> 自行车租赁
                </label>
                <label class="am-checkbox am-warning">
                  <input type="checkbox" name="facilities" value="送餐服务" data-am-ucheck> 送餐服务
                </label>
                <label class="am-checkbox am-warning">
                  <input type="checkbox" name="facilities" value="饮料" data-am-ucheck> 饮料
                </label>
                <label class="am-checkbox am-warning">
                  <input type="checkbox" name="facilities" value="商务中心" data-am-ucheck> 商务中心
                </label>
                <label class="am-checkbox am-warning">
                  <input type="checkbox" name="facilities" value="商务中心" data-am-ucheck> 行政酒廊
                </label>
                <label class="am-checkbox am-warning">
                  <input type="checkbox" name="facilities" value="外币兑换" data-am-ucheck> 外币兑换
                </label>
                <label class="am-checkbox am-warning">
                  <input type="checkbox" name="facilities" value="婴儿看护" data-am-ucheck> 婴儿看护
                </label>
              </td>
            </tr>
          </tbody>
        </table>
      </form>
      <!-- 酒店列表 -->
      <div class="hotel-list">
        <div class="sort">
          <div class="lf click-style">默认</div>
          <div class="rg">评分</div>
        </div>
        <!-- 某酒店的基础信息 -->
        <ul class="hotel"></ul>
        <!-- 广告栏 -->
        <div class="adver">
          <a href="#"></a>
        </div>
        <!-- 地图展示 -->
        <div id="layerMapWrap" style="width: 100%;height: 100%;"></div>
      </div>
    </div>
    <div class="p-foot"></div>
  </div>
</body>

</html>